<template>
  <div class="dynamicData">
      <sorting></sorting>
      <div class="dyDataL">
          <checked></checked>
      </div>
      <div class="dyDataM">
          <resultList :searchType = "resultBase"></resultList>
      </div>
      <div class="dyDataR">
          <filterCom></filterCom>
      </div>
  </div>
</template>

<script>
import checked from '@/components/public/checked'
import resultList from '@/components/public/resultList'
import sorting from '@/components/public/sorting'
import filter from '@/components/public/filter'

export default {
  data () {
    return {
      resultBase: 'resultBase'
    }
  },
  components: {
    'checked': checked,
    'resultList': resultList,
    'sorting': sorting,
    'filterCom': filter
  }
}
</script>

<style>
.dynamicData {
    overflow: hidden;
    padding: 0 12px 0 23px;
}
.dyDataL {
    float: left;
    margin-right: 23px;
}
.dyDataM {
    width: 580px;
    float: left;
    border-right: 1px dashed #EAEDF2;
}
.dyDataR {
    float: right;
}
</style>
